<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="yuchao12月22日.css">
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="./swiper特效插件/swiper-bundle.min.css">
    <script src="jQuery/jQuery-3.6.1压缩.js"></script>
</head>

<body>
    <nav>
        <div id="nav">
            <img src="img/logo.png">
            <ul>
                <li><a href="#">检索</a></li>
                <li class="xian"><a href="#">专辑</a>
                    <ul class="hide" style="display: none;">
                        <li><a href="#">任务专栏</a></li>
                        <li><a href="#">全景</a></li>
                        <li><a href="#">行业建言</a></li>
                        <li><a href="#">企业报告</a></li>
                        <li><a href="#">想法</a></li>
                    </ul>
                </li>
                <li><a href="#">设计公司</a></li>
                <li><a href="#">摄影师</a></li>
                <li><a href="#">招聘</a></li>
                <li><a href="#">书店</a></li>
                <li><a href="#">投稿与推广</a></li>
                <li class="xian"><a href="#">服务</a>
                    <ul class="hide" style="display: none;"">
                        <li><a href=" #">任务专栏</a>
                </li>
                <li><a href="#">全景</a></li>
                <li><a href="#">行业建言</a></li>
                <li><a href="#">企业报告</a></li>
                <li><a href="#">想法</a></li>
            </ul>
            </li>
            </ul>
            <div id="right">
                <p><span>简体中文</span><span style="display: none;">English</span></p>
                <p><a href="#" class="sou"></a>
                    <a href="#" class="user"></a>
                </p>
            </div>
        </div>
    </nav>
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./img/NSB_ph_J-Do_5.webp" alt=""></div>
            <div class="swiper-slide"><img src="./img/01-nbw-scaled.webp" alt=""></div>
            <div class="swiper-slide"><img src="./img/1Y8A8001_small-1.webp" alt=""></div>
            <div class="swiper-slide"><img src="./img/IMG_7755-scaled.webp" alt=""></div>

        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <ul id="main">
        <li>
            <img src="img/1.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        佳联设计 JL Design
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/2.webp" alt="">
            <div>
                <p>TEL: / Email: sz@aoya-hk.com （Shenzhen）， sh@aoya-hk.com（Shanghai）</p>
                <h1><a href="#">
                        奥雅股份 L&A GROUP
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/3.webp" alt="">
            <div>
                <p>TEL: 010-64843163/ Email: brand@bjfplan.com</p>
                <h1><a href="#">
                        宝佳丰 (北京) 国际设计
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/4.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        易亚源境 YASDESIGN
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/5.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        承迹景观 Change Studio
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/6.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        迪安设计
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/7.webp" alt="">
            <div>
                <p>TEL: / Email: 2880383270@qq.com</p>
                <h1><a href="#">
                        GM广亩景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/8.webp" alt="">
            <div>
                <p>TEL: 023-37398082/ Email: cqcelec@163.com</p>
                <h1><a href="#">
                        蓝调国际 CBULD
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/9.webp" alt="">
            <div>
                <p>TEL: 13916056292 / 021-55970277/ Email: MBDI_SH@163.com</p>
                <h1><a href="#">
                        MBDI 英斯佛朗
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/10.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        上海季高集团
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/11.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        Lab D+H SH
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/12.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        WTD纬图设计
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/13.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        ZSD 卓时设计
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/14.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        Belt Collins 贝尔高林
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/15.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        UMS 里表都会
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/16.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        MW' LANDSCAPE 麦微景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/17.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        山水比德 Guangzhou S.P.I Design Co.,Ltd
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/18.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        I N T E R E S T I N G 因澈景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/19.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        犁墨景观 LISM Landscape Design
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/20.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        Z’ scape 致舍景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/21.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        antao安道
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/22.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        如树设计 ASTREE DESIGN AGENCY
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/23.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        WEIMAR 魏玛景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/24.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        Metrostudio 迈丘设计
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/25.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        AOBO 澳博景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/26.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        INSTINCT FABRICATION 本色营造
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/27.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        Zinialand致澜景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/28.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        荷于景观 WATERLILY
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/29.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        USAD 都境景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/30.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        LEDA 乐道景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/31.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        DAOYUAN道远设计
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/32.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        物候设计 WEHO
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/33.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        MUSUN 木杉景观
                    </a></h1>
            </div>
        </li>
        <li>
            <img src="img/34.webp" alt="">
            <div>
                <p>TEL: 15923517368/ Email: hr@jlplan.cn</p>
                <h1><a href="#">
                        TOPSCAPE 上景设计
                    </a></h1>
            </div>
        </li>
        <p>申请入住</p>
    </ul>
    <footer>
        <div class="one">
            <h1>关于我们</h1>
            <p>Mooool木藕设计网</p>
            <p>致力于传播全球优秀设计理念，聚焦景观设计行业，发现和展示优秀的设计作品。</p>
            <p>投稿邮箱：mooool-serv@qq.com / mooool-serv@gmail.com</p>
        </div>
        <div class="two">
            <img src="img/foot-img.jpg" alt="">
            <div>
                <h1>搜索</h1>
                <input type="text" placeholder="搜索...">
            </div>
        </div>
    </footer>
    <div id="foot-foot">
        <div class="li">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">版权声明</a></li>
                <li><a href="#">渝ICP备16001103号-2</a></li>
            </ul>
            <p>© 2022 mooool 木藕设计网</p>
        </div>
    </div>
</body>
<script src="./swiper特效插件/swiper-bundle.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal',
        autoplay: true,
        loop: true,

        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    })
</script>

</html>